﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/css/select.css" rel="stylesheet" type="text/css" />
    <link href="/css/chargeinfo.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="/js/select-ui.min.js"></script>
    <script type="text/javascript" src="/editor/kindeditor.js"></script>
    <script language="javascript">
$(function(){
	//导航切换
	$(".imglist li").click(function(){
		$(".imglist li.selected").removeClass("selected")
		$(this).addClass("selected");
	})
})
    </script>
    <script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });

  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
  });

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
  });

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
  });


  //已抄表修改
  $(".clickchargemodify").click(function(){
  $(".tipchargemodify").fadeIn(200);
  });

  $(".tiptopchargemodify a").click(function(){
  $(".tipchargemodify").fadeOut(200);
  });

  $(".surechargemodify").click(function(){
  $(".tipchargemodify").fadeOut(100);
  });

  $(".cancelchargemodify").click(function(){
  $(".tipchargemodify").fadeOut(100);
  });

  //已收费查询
  $(".clickchargesearch").click(function(){
  $(".tipchargesearch").fadeIn(200);
  });

  $(".tiptopchargesearch a").click(function(){
  $(".tipchargesearch").fadeOut(200);
  });

  $(".surechargesearch").click(function(){
  $(".tipchargesearch").fadeOut(100);
  });

  $(".cancelchargesearch").click(function(){
  $(".tipchargesearch").fadeOut(100);
  });

  //删除用户
  $(".clickdel").click(function(del){
  $(".tipdel").fadeIn(200);
  });

  $(".tiptopdel a").click(function(del){
  $(".tipdel").fadeOut(200);
  });

  $(".suredel").click(function(del){
  $(".tipdel").fadeOut(100);
  });

  $(".canceldel").click(function(del){
  $(".tipdel").fadeOut(100);
  });

});
    </script>
    <script type="text/javascript">
$(document).ready(function(e) {
    $(".select1").uedSelect({
		width : 345
	});
	$(".select2").uedSelect({
		width : 167
	});
	$(".select3").uedSelect({
		width : 150
	});
});
    </script>
</head>
<body>
    <div class="place">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">首页</a></li>
            <li><a href="#">收费管理</a></li>
            <li><a href="#">收费作废查询</a></li>
        </ul>
    </div>
    <div class="rightinfo">
        <div class="tools">
            <ul class="toolbar">
                <li class="clickchargesearch"><span><img src="/images/t10.png" /></span>查询</li>
                <li class="clickfrommodify"><span><img src="/images/t09.png" /></span>导出</li>
                <li class="clickdel"><span><img src="/images/t08.png" /></span>打印</li>

            </ul>

        </div>
        <table class="imgtable">
            <thead>
                <tr>
                    <th><input name="" type="checkbox" value="" checked="checked" /></th>
                    <th>用户编号</th>
                    <th>用户姓名</th>
                    <th>区域分布</th>
                    <th>区域名称</th>
                    <th>详细地址</th>
                    <th>用水类别</th>
                    <th>上期底数</th>
                    <th>本期底数</th>
                    <th>用水量</th>
                    <th>单价</th>
                    <th>应收金额</th>
                    <th>实际金额</th>
                    <th>收费人员</th>
                    <th>收费日期</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input name="" type="checkbox" value="" /></td>
                    <td>HZ1008</td>
                    <td height="30px;">杨俊林</td>
                    <td><a href="#">45101</a></td>
                    <td>135</td>
                    <td>16003</td>
                    <td>10</td>
                    <td>111</td>
                    <td>222</td>
                    <td>2006</td>
                    <td>2003</td>
                    <td>2003</td>
                    <td>209</td>
                    <td>2003</td>
                    <td>209</td>
                </tr>

                <tr>
                    <td></td>
                    <td height="30px;"><font color="ff0000">总计金额</font></td>
                    <td> </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td><font color="ff0000">209</font></td>
                    <td></td>
                    <td></td>
                </tr>

            </tbody>
        </table>
        <div class="pagin">
            <div class="message">共<i class="blue">1</i>条记录，共&nbsp;<i class="blue">1&nbsp;</i>页</div>
            <ul class="paginList">
                <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
                <li class="paginItem current"><a href="javascript:;">1</a></li>
                <li class="paginItem"><a href="javascript:;">2</a></li>
                <li class="paginItem"><a href="javascript:;">3</a></li>
                <li class="paginItem"><a href="javascript:;">4</a></li>
                <li class="paginItem"><a href="javascript:;">5</a></li>
                <li class="paginItem more"><a href="javascript:;">.</a></li>
                <li class="paginItem"><a href="javascript:;">10</a></li>
                <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
            </ul>
        </div>
    </div>


    <!--作废收费-->
    <div class="tipdel">
        <div class="tiptopdel"><span>提示信息</span><a></a></div>
        <div class="tipinfodel">
            <span><img src="/images/ticon01.png" /></span>
            <div class="tiprightdel">
                <p>确定要作废【<font color="#ff0000">GL01021</font>】用户的记录吗？</p>
                <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
            </div>
        </div>
        <div class="tipbtndel">
            <input name="" type="button" class="suredel" value="确定" />
            &nbsp;
            <input name="" type="button" class="canceldel" value="取消" />
        </div>
    </div>


    <!--收费作废查询-->
    <div class="tipchargesearch">
        <div class="tiptopchargesearch"><img src="/images/t06.png" /><span>收费作废查询</span><a></a></div>
        <div class="tipinfochargesearch">
            <div class="tiprightchargesearch">
                <dt class="userinfotitchargesearch">请输入查询条件</dt>
                <ul class="seachform">
                    <li>
                        <label>用户编号</label>
                        <input name="" type="text" class="scinput" />
                    </li>
                    <li>
                        <label>用户姓名</label>
                        <input name="" type="text" class="scinput" />
                    </li>
                    <li>
                        <label>水表编号</label>
                        <input name="" type="text" class="scinput" />
                    </li>
                    <li>
                        <label>区域分布</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>一级区域</option>
                                <option>中上线</option>
                                <option>中下线</option>
                                <option>东线</option>
                                <option>西线</option>
                                <option>中下线平房</option>
                                <option>东线平房</option>
                                <option>西线平房</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <label>区域名称</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>二级区域</option>
                                <option>东路工行</option>
                                <option>图书馆</option>
                                <option>科协</option>
                                <option>传输局</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <label>用水类别</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>居民生活用水</option>
                                <option>非居民生活用水</option>
                                <option>特种用水</option>
                            </select>
                        </div>
                    </li>
                    <li class="aclear">
                        <label>抄表日期</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>2017年2月10日</option>

                            </select>
                        </div>
                    </li>
                    <li>
                        <label>为止日期</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>2017年2月10日</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <label>抄表人员</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>张三</option>
                                <option>李四</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <label>收费人员</label>
                        <div class="vocation">
                            <select class="select3">
                                <option>王五</option>
                                <option>李四</option>
                            </select>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="tipbtnchargesearch">
            <input name="" type="button" class="surechargesearch" value="添加" />
            &nbsp;
            <input name="" type="button" class="cancelchargesearch" value="取消" />
        </div>
    </div>
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
    </script>
</body>
</html>
